<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>Coleta Seletiva - Cliente</title>
        <link href="./css/cadastro.css" rel="stylesheet" type="text/css"/> 
    </h:head>
    <h:body>
        <h1>Cliente</h1>
        <h:form>
        <fieldset class="topCadastro">
            <div class="botao"><button name="retorna" value="retorna">Retornar</button></div>
        </fieldset>
        <fieldset class = "corpoCadastro" >
            <legend>Informações do Cliente</legend>
            

                <!--fieldset style="border: 1px solid; width: 85%">
                                               <legend>Informações do Cliente</legend-->
                <div class ="campos tc_curto">
                    Id:<br></br>
                    <!--h:inputText 
                        value="{cliente.id_usuario}" 
                        readonly="true"
                        id="id"
                        /-->

                </div>
                <div class ="campos tc_longo">
                    Nome do Cliente:<span class="asterisco">*</span><br></br>
                    <!--h:inputText 
                        value="{cliente.nome}" 
                        required="true" 
                        requiredMessage="Informe o nome do cliente"
                        id="nome"
                        validator="{cliente.validaCliente}"
                        /-->
                    <h:message for="nome" styleClass="error"/>
                </div>
                <div class ="campos tc_medio">
                    Login de Acesso:<span class="asterisco">*</span><br></br>
                    <!--h:inputText 
                        value="{cliente.login}" 
                        required="true" 
                        requiredMessage="Informe o login "
                        id="login"
                        validator="{cliente.validaCliente}"
                        /-->
                    <h:message for="login" styleClass="error"/>
                </div>
                <div class ="campos tc_medio">
                    Senha:<br></br>
                    <!--h:inputText 
                        value="{cliente.senha}" 
                        required="false" 
                        requiredMessage="Informe a senha "
                        id="senha"
                        validator="{cliente.validaCliente}"
                        /-->
                </div>
                <div class ="campos tc_medio">
                    Nova Senha:<br></br>
                    <!--h:inputText 
                        value="{cliente.senhaNova}" 
                        required="false" 
                        requiredMessage="Informe a nova senha "
                        id="senhaNova"
                        validator="{cliente.validaCliente}"
                        /-->                     
                </div>
                <div class ="campos tc_medio">
                    Confirma Senha:<br></br>
                    <!--h:inputText 
                        value="{cliente.senhaConfirma}" 
                        required="false" 
                        requiredMessage="Confirme a nova senha "
                        id="senhaConfirma"
                        validator="{cliente.validaCliente}"
                        /-->                          
                </div>
                <div class ="campos tc_mlongo">
                    E-mail:<span class="asterisco">*</span><br></br>
                    <!--h:inputText 
                        value="{cliente.email}" 
                        required="true" 
                        requiredMessage="Informe o E-mail do cliente "
                        id="email"
                        validator="{cliente.validaCliente}"
                        /-->   
                    <h:message for="email" styleClass="error"/>
                </div>
                <fieldset class = "corpoCadastro" style="border: 1px solid; width: 98%">
                    <legend>Endereço</legend>
                    <div class ="campos tc_longo">
                        Logradouro:<br></br>
                        <h:inputText 
                            value="#{cliente.enderecoLogradouro}" 
                            required="false" 
                            requiredMessage="Informe o endereco do cliente"
                            id="enderecoLogradouro"
                            validator="#{cliente.validaCliente}"
                            />
                    </div>
                    <div class ="campos tc_cmedio">
                        Número:<br></br>
                        <h:inputText 
                            value="#{cliente.enderecoNumero}" 
                            required="false" 
                            requiredMessage="Informe o numero do endereco do cliente"
                            id="enderecoNumero"
                            validator="#{cliente.validaCliente}"
                            />
                    </div>
                    <div class ="campos tc_medio">
                        Complemento:<br></br>
                        <h:inputText 
                            value="#{cliente.enderecoComplemento}" 
                            required="false" 
                            requiredMessage="Informe o complemento do endereco do cliente"
                            id="enderecoComplemento"
                            validator="#{cliente.validaCliente}"
                            />
                    </div>
                    <div class ="campos tc_medio">
                        Bairro:<span class="asterisco">*</span><br></br>
                        <h:inputText 
                            value="#{cliente.enderecoBairro}" 
                            required="true" 
                            requiredMessage="Informe o bairro do endereco do cliente"
                            id="enderecoBairro"
                            validator="#{cliente.validaCliente}"
                            />
                        <h:message for="enderecoBairro" styleClass="error"/>
                    </div>
                    <div class ="campos tc_cmedio">
                        Cep:<span class="asterisco">*</span><br></br>
                        <h:inputText 
                            value="#{cliente.enderecoCep}" 
                            required="true" 
                            requiredMessage="Informe o Cep do endereco do cliente"
                            id="enderecoCep"
                            validator="#{cliente.validaCliente}"
                            />
                        <h:message for="enderecoCep" styleClass="error"/>
                    </div>
                    <div class ="campos tc_mlongo">
                        Cidade:<span class="asterisco">*</span><br></br>
                        <h:inputText 
                            value="#{cliente.enderecoCidade}" 
                            required="true" 
                            requiredMessage="Informe a cidade do endereco do cliente"
                            id="enderecoCidade"
                            validator="#{cliente.validaCliente}"
                            />
                        <h:message for="enderecoCidade" styleClass="error"/>
                    </div>
                    <div class ="campos tc_curto">
                        Uf:<span class="asterisco">*</span><br></br>
                        <h:selectOneMenu id="enderecoUf" value="#{cliente.enderecoUf}"
                                         required="true" 
                                         requiredMessage="Selecione a UF">
                            <f:selectItems value="#{cliente.listaUf}"
                                           />  
                        </h:selectOneMenu>                        
                        <br/>
                        <h:message for="enderecoUf" styleClass="error"/>
                    </div>
                    <div class ="campos tc_cmedio">
                    </div>
                    <div class ="campos tc_medio">
                        Telefone Residencial:<br></br>
                        <h:inputText 
                            value="#{cliente.telefoneResidencial}" 
                            required="false" 
                            requiredMessage="Informe o numero do telefone residencial do cliente"
                            id="telefoneResidencial"
                            validator="#{cliente.validaCliente}"
                            />
                    </div>
                    <div class ="campos tc_medio">
                        Telefone Comercial:<br></br>
                        <h:inputText 
                            value="#{cliente.telefoneComercial}" 
                            required="false" 
                            requiredMessage="Informe o numero do telefone comercial do cliente"
                            id="telefoneComercial"
                            validator="#{cliente.validaCliente}"
                            />
                    </div>
                    <div class ="campos tc_medio">
                        Telefone Celular:<br></br>
                        <h:inputText 
                            value="#{cliente.telefoneCelular}" 
                            required="false" 
                            requiredMessage="Informe o numero do celular do cliente"
                            id="telefoneCelular"
                            validator="#{cliente.validaCliente}"
                            />
                    </div>
                    <div class="botao">
                        <td> <h:commandButton class="botaoComando" value="Salvar Dados" 
                                              action="#{cliente.mostraCliente}"/></td>
                    </div>

                </fieldset>
           
        </fieldset>
             </h:form>
        <span class="asterisco">Observação: Os campos marcados com asterisco são de preenchimento obrigatório. A senha somente será alterada quando for informada as três senhas.</span>
    </h:body>
</html>

